<template>
	<div>
		<h1>关于我们</h1>
		{{ name }} {{ age }}
		<button @click="btn">按钮</button>
	</div>
</template>
<script setup>
// toRefs是用来做响应式解构
//reactive是用来做响应式数据的
let { name, age } = toRefs(
	reactive({
		name: '张三',
		age: 20
	})
);

const btn = () => {
	name.value = '李四';
	console.log(name.value);
};
</script>

<style></style>
